@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, 
pre, form, fieldset, table, th, td, input, textarea,dl,dt,dd,span, i{ margin: 0; padding: 0;}
/*变灰*/
/*html{ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filter: gray;-webkit-filter: grayscale(1);}*/

span{display:block;}
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 16px; letter-spacing:1px;}

img{ vertical-align: top; border-width:0; }
ol,ul,dl,dt,dd,i {list-style: none;}
li{ list-style-type: none;}
caption,th { text-align: left;}
address,caption,cite,code,dfn,ins,em,th,var { font-weight:normal; font-style:normal;} 
input,textarea{ font-size: 16px; padding: 2px;}
.clearfix:after{content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;} 
p{line-height:20px;}
textarea{overflow:auto;}
a{color:#333; text-decoration:none;}
a:hover{color:#FF0000}
.jiandang{width:100%; height:200px; background:url(https://upload.hebiw.com/2021/0623/1624443776763.png) no-repeat top center;}
.header{width:100%; height:60px; border-top:5px solid #DE1B21; background:#FEE6CA;}
.logo{width:183px; height:76px; background:url(img01.png) no-repeat; float:left;}
.main-nav{width:1010px; height:76px; float:right;}
.main-nav li{line-height:25px; float:left; padding:0 7px 0 7px; margin-top:15px; border-right:2px solid #666;}
.main-nav li.nobr{border:none;}
.rows{width:1200px; margin:0 auto;}
.todaywords{height:100px; margin:20px auto;}

.weight-news{font-size:2.5rem; text-align:center; color:#FF0000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.weight-news a{color:#FF0000; font-weight:bold;}
.todaywords p{width:1200px; height:60px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.todaywords p a:before{content:'\2022'; margin-right:10px; padding-left:5px;}
.fit{width:700px; height:438px; float:left;}
/* focus */
.focus{ position:relative; width:700px; height:438px; background-color: #000; overflow:hidden;}  
.focus img{width:700px; height:438px;} 
.focus .shadow .title{width:260px; height:50px; padding-left: 30px;padding-top:0px;}
.focus .shadow .title a{text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer; background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;}  
.focus .shadow{ width:100%; position:absolute; bottom:0px; left:0px; z-index:10; height:50px; line-height: 30px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; width:700px; height:438px;}  
.focus .fbg{bottom:0px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;/*background: url(../images/focus_btn.png) no-repeat;*/}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}


.ft-carousel {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.ft-carousel .carousel-inner {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
	float: left;
	height: 100%;
	position:relative
}

.ft-carousel .carousel-item img {
	width: 100%;
}

.ft-carousel .carousel-item p{
	display:block; width:700px; height:32px; line-height:32px; position: absolute; left:0; bottom:5px; text-align:center; font-size:16px; color:#000; font-weight:bold; background:#FFF; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; 
}
.ft-carousel .carousel-indicators {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100%;
	text-align: center;
	font-size: 0;
}

.ft-carousel .carousel-indicators span {
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: #fff;
	margin: 0 4px;
	border-radius: 50%;
	cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
	background-color: #de3a3a;
}

.ft-carousel .carousel-btn {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 45px;
	margin-top: -25px;
	cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
	left: 0;
	background: url(arrow/prev.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
	right: 0;
	background: url(arrow/next.png) no-repeat;
}
/* end fit */
.news{width:480px; height:438px; float:right;}
.col-title{height:38px; border-bottom:2px solid #DE1B21;}
.col-title span.title{line-height:38px; padding-left:5px; font-size:18px; font-weight:bold; float:left; color:#DE1B21;}
#wcn:after{content:'\2022 乡村学校少年宫'; padding-left:5px; color:#999; font-weight:normal;}
span.more{line-height:35px; float:right; display:normal;}
.col-more{line-height:35px; padding:0 10px; float:left;}
.col-more a{padding:0 10px; color:#DE1B21; display:normal;}
ul.col-news{padding-top:10px;}
ul.col-news li{width:480px; height:38px; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.col-news li a:before{content:'\2022'; margin-right:10px; padding-left:5px;}
ul.col-news li.f{width:480px; height:45px; line-height:45px; font-size:18px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.col-news li.f a:before{content:''; margin-right:0; padding-left:0;}
.haoren{height:36px; width:380px; border:1px solid #DE1B21; padding:1px 0 1px 98px; background:url(img02.png) no-repeat #FCF9F1; background-position:1px; line-height:36px; text-overflow:ellipsis; overflow:hidden;}
.haoren a:before{content:'\2022'; margin-right:10px; padding-left:5px;}

.ads{height:80px; margin:20px auto; display:flex; flex-wrap: nowrap; flex-direction:row; justify-content:space-between;}

.tushuo{height:300px; margin:20px auto; background:url(img03.png) no-repeat;}
#tushuo{width:1070px; height:293px; position:relative; margin:20px 0 0 130px; overflow:hidden;}
.tushuo ul{width:9999px; height:273px; padding-top:20px;}
.tushuo li{width:186px; height:253px; background:#FCE9E9; padding:2px; float:left; margin-left:20px;}

.column-left{width:800px; float:left;}
.col1-title{border-bottom:2px solid #DE1B21; height:38px; background:url(img05.png) no-repeat; padding-left:4px;}
.col1-title span.title{line-height:38px; padding-left:5px; font-size:18px; font-weight:bold; float:left; color:#FFF; background:url(img07.png) repeat-x; padding:0 10px; position:relative}
.col1-title span.title::after{content:''; width:10px; height:38px; position:absolute; top:0; right:-5px; background:url(img06.png) no-repeat; background-size: contain;}

ul.col1-pic {display:flex; flex-wrap: nowrap; flex-direction:row; justify-content:space-between; margin:12px 0;}
ul.col1-pic li{position:relative;}
ul.col1-pic li p{width:380px; height:30px; display:block; position:absolute; bottom:0px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff; padding:0 5px;}
ul.col1-pic li p a{color:#fff}
ul.col1-txt{width:820px; height:90px; margin:0 0 30px 0}
ul.col1-txt li{width:390px; line-height:30px; float:left; margin-right:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.col1-txt li a:before{content:'\2022'; margin-right:10px; padding-left:5px;}
.column1{height:430px; background:#eee;}
.column2{height:430px; background:#666;}
.column-right{width:380px; float:right;}
ul.col1-news,ul.col2-news{padding:10px 0;}
ul.col1-news li,ul.col2-news li{width:360px; height:35px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.col1-news li a:before,ul.col2-news li a:before{content:'\2022'; margin-right:10px; padding-left:5px;}

ul.col2-news li.f a:before{content:''; margin-right:0; padding-left:0;}
ul.col2-news li.f{width:380px; height:116px; margin:3px 0;}
ul.col2-news li{width:357px;}
ul.col2-news .img{width:185px; height:116px; float:left;}
ul.col2-news .txt{width:180px; height:116px; float:right;}
ul.col2-news .txt h3{width:180px; line-height:30px; overflow:hidden; text-overflow:ellipsis; color:#DE1B21; white-space:normal;}
ul.col2-news .txt h3 a{color:#DE1B21}
ul.col2-news .into{margin:0; padding:0 text-indent:2em; font-size:14px; color:#999999; line-height:20px;}



.zhuti{height:160px; background:url(img04.png) no-repeat; margin:20px auto;}
.zhuti ul{padding:20px 0 0 120px;}
.zhuti li{width:186px; height:116px; float:left; background:#FCE9E9; padding:2px; margin-left:20px;}
.haorenguan{width:800px; height:556px; background:url(img08.png) no-repeat; padding:70px 0 0 0}
.haorenguan-news{width:357px; height:280px; border:1px solid #CCCCCC; background:#FCF9F1; float:left; margin:20px 0 0 20px; padding:5px;}

.haorenguan-news ul.col2-news li.f a:before{content:''; margin-right:0; padding-left:0;}
.haorenguan-news ul.col2-news li.f{width:357px; height:116px; margin:3px 0; overflow:hidden;}
.haorenguan-news ul.col2-news .img{width:155px; height:116px; float:left;}
.haorenguan-news ul.col2-news .txt{width:155px; height:116px; float:right;}
.haorenguan-news ul.col2-news .txt h3{width:155px; height:60px; line-height:30px; overflow:hidden; text-overflow:ellipsis; color:#DE1B21;}
.haorenguan-news ul.col2-news .txt h3 a{color:#DE1B21}
.haorenguan-news ul.col2-news .into{margin:0; padding:0 text-indent:2em; font-size:14px; color:#999999; line-height:20px;}


.haorenguan-news1{width:357px; height:202px; border:1px solid #CCCCCC; background:#FCF9F1; float:left; margin:20px 0 0 20px; padding:5px;}
.tushuowenming{height:240px; margin:20px auto;}
.tushuowenming ul{width:1220px; margin:20px 0;}
.tushuowenming li{width:285px; height:180px; float:left; margin-right:20px;}

/*列表&内容页*/
.wrap{width:1200px; margin:30px auto;}
.place{width:1200px; height:40px; line-height:40px; margin:30px auto;}
.news_list_page,.news_arc_page{width:1200px; height:40px; line-height:40px; margin:0 auto; text-align:center;}
.news_list_page li{float:left; padding:0 5px; text-align:center; line-height:40px;}
span.info{display:block; width:250px; height:33px; line-height:33px; float:right;}
ul.news_list{padding:20px 10px 10px 0; border-top:3px solid #DC3731;}
ul.news_list li{width:1200px; height:33px; line-height:33px; }
ul.news_list li:before{content:'\2022'; margin-right:5px; padding-left:5px;}
ul.news_list li:hover{background:#EEE;}
ul.news_list small{font-size:14px; font-weight:bold;}

.news_title{min-height:100px; font-size:18px; text-align:center; margin-bottom:30px; border-bottom:3px solid #DC3731;}
.news_title h1{line-height:50px; margin-bottom:20px;}
.news_con{mix-height:200px; line-height:32px; font-size:16px; text-indent:2em;}
.news_con p{text-indent:2em; line-height:32px; padding:5px 0;}
span.editor{float:right; clear: both; color:#999; font-size:12px;}
.news_list_page,.news_arc_page span{padding:0 5px;}
span.thisclass{font-weight:bold; padding:0 5px;}

.links{height:115px; background:#FCF9F1;}
.tabTitle{width:80px; height:100px; float:left; padding:16px 0 0 0;}
.tabTitle li{height:35px; line-height:35px; font-size:16px; font-weight:bold; text-align:center; margin-bottom:5px; cursor:pointer;}
.tabTitle li.current{color:#DE1B21;}
.tabTitle li.current span{border-bottom:2px solid #DE1B21;}
.tabBox{width:1090px; float:right; padding:16px 0 0 0;}
.contacttxt{display:none;}
.flinks{width:1090px;}
.flinks a{display:block; width:120px; text-align:center; height:30px; line-height:30px; margin-right:10px; white-space:nowrap; float:left;}
.footer{height:175px; border-top:9px solid #DE1B21; text-align:center; padding:30px 0;}
.footer p{line-height:40px;}